.topbar {
  display: flex;
  background-color: rgb(236,65,65);
  flex: 3;
  position: relative;
  div{
    display: inherit;
    align-items: center;
  }
  .topbar-left {
    width: 200px;
    height: 50px;
    display: flex;
    justify-content: flex-end;
    padding-right: 20px;
    box-sizing: border-box;
  }
  .topbar-center{
    display: inherit;
    .icon-container{
      cursor: pointer;
      margin-right: 20px;
      border-radius: 100%;
      font-size: 18px;
      padding: 5px;
      background-color: rgb(230,63,63);
      color: rgb(239,110,110);
    }
    .icon-container-can{
      color: rgb(247,215,215);
      background-color: rgb(216,59,59);
    }
  }
  .topbar-right {
    display: flex;
    position: absolute;
    right: 0;
    height: 50px;
    justify-content: end;
    text-align: right;
    padding-right: 20px;
    .operation-wrapper {
      margin-left: 20px;
      .icon-item {
        display: inline-block;
        width: 30px;
        height: 30px;
        line-height: 30px;
        vertical-align: middle;
        text-align: center;
        border-radius: 50%;
        cursor: pointer;
        font-size: 16px;
        &:hover {
          background-color: #dddddd;
        }
      }
      .icon-login {
        color: rgb(251, 217, 217);
      }
    }
  }
  :global {
    .ant-menu {
      height: 50px;
      flex: 1;
      background-color: #f9f9f9;
    }
    .ant-menu-item.ant-menu-item-only-child {
      height: 50px;
      line-height: 50px;
      vertical-align: top;
      color: #656565;
      border: none !important;
      &.ant-menu-item-selected,
      &.ant-menu-item-active {
        font-weight: bold;
        a {
          color: #000000;
        }
      }
    }
    .ant-input-affix-wrapper {
      border: none;
      border-radius: 20px;
      background-color: #ececec;
      outline: none;
      & > input.ant-input {    
        background-color:rgb(225,62,62);
        font-size: 12px;
        
      }
      .ant-input ::input-placeholder,.ant-input ::-webkit-input-placeholder{
        color: rgb(231,100,100);
      }
      .ant-input-prefix{
        color: rgb(249,216,216);
      }
    }
    .ant-input-affix-wrapper-focused{
      border: none;
      outline: none;
      box-shadow: none;
    }
  }
}
